@for $i from 0 through 50 {
  .m-l#{$i} {
    margin-left: $i + rpx !important;
  }
  .m-r#{$i} {
    margin-right: $i + rpx !important;
  }
  .m-t#{$i} {
    margin-top: $i + rpx !important;
  }
  .m-b#{$i} {
    margin-bottom: $i + rpx !important;
  }
  .-m-l#{$i} {
    margin-left: -$i + rpx !important;
  }
  .p-l#{$i} {
    padding-left: $i + rpx !important;
  }
  .p-r#{$i} {
    padding-right: $i + rpx !important;
  }
  .p-t#{$i} {
    padding-top: $i + rpx !important;
  }
  .p-b#{$i} {
    padding-bottom: $i + rpx !important;
  }
}
// 定义字体(rpx)单位，12-40px字体
@for $i from 8 through 50 {
	.f-s#{$i} {
		font-size: $i*2 + rpx!important;
	}
}
.block {
	display: block;
}
.mask {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 999;
}
.text-left {
	text-align: left;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}

/*针对IPhone X等一些底部带指示条的安全底部*/
.safe-area-inset-bottom {
	padding-bottom: 0 !important;
	padding-bottom: constant(safe-area-inset-bottom) !important;
	padding-bottom: env(safe-area-inset-bottom) !important;
}
.common-btn {
	width: 100%;
	height: 88rpx;
	line-height: 88rpx;
	border-radius: 16rpx;
	background-color: #3662EC;
	font-size: 30rpx;
	font-weight: 600;
	color: #fff;
}
.fixed-bottom {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
}
.color-text {
	color: $uni-color-primary;
}
.bg-white-nav {
	background-color: #fff;
	color: #000;
}